<template>
  <s-page custom-class="Loading-Page">
    <c-demo-block title="类型">
      <s-loading />
      <s-loading type="spinner" />
    </c-demo-block>

    <c-demo-block title="颜色">
      <s-loading color="#1989fa" />
      <s-loading type="spinner" color="#1989fa" />
    </c-demo-block>

    <c-demo-block title="大小">
      <s-loading size="80" color="#1989fa" />
      <s-loading type="spinner" size="80" color="#1989fa" />
    </c-demo-block>
  </s-page>
</template>

<script>
export default {
  data: () => ({}),
  computed: {},
  methods: {},
  onLoad() { },
};
</script>

<style lang="scss">
page {
  background-color: $white;
}
.Loading-Page {
  padding: 0 $padding-md;
  ::v-deep {
    .s-loading:nth-child(n + 2) {
      margin-left: 40rpx;
    }
  }
}
</style>
